<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
   <!-- <script src="../js/ztree/jquery.ztree.all-3.5.js" type="text/javascript" charset="UTF-8"></script>-->
    
    <!-- 引用css样式 -->
    <link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" href="../js/easyui/themes/icon.css"  />
   <!-- <link rel="stylesheet" type="text/css" href="../js/ztree/zTreeStyle.css"  />-->
    </head>
    
   <!-- <script type="text/javascript">
    	$(function(){
    		var setting={
    			data:{
    				simpleData:{
    					enable:true
    				}
    			}
    		};
    		var zNodes=[
    		{id:1,pId:0,name:"父节点一"},
    		{id:2,pId:0,name:"父节点二"},
    		{id:11,pId:1,name:"子节点一"},
    		{id:12,pId:1,name:"子节点二"},
    		];
    		
    		$.fn.zTree.init($("#baseMenu"),setting,zNodes);
    	})
    	
    	
    	
    </script>-->
    
    <body class="easyui-layout">
    	<div data-options="region:'north',title:'传智播客管理系统'" style="height:100px;">北部区域</div>
    	<div data-options="region:'west',title:'菜单导航'" style="width: 180px;">
    		<!--折叠面板-->
    		<div class="easyui-accordion" data-options="fit:true">
    			<div data-options="title:'基本功能'">
    				<!--<ul id="baseMenu" class="ztree"></ul>-->
    			</div>
    			<div data-options="title:'系统管理'>面板2</div>
    		</div>
    		
    	</div>
    	<div data-options="region:'center'">中部区域</div>
    	<div data-options="region:'east'" style="width: 80px;">东部区域</div>
    	<div data-options="region:'south'" style="height: 80px;">南部区域</div>
 	</body>
 	
 	
 	 
</html>
